<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
        <script src="jquery-2.2.1.js"></script>
		<!--标准mui.css-->
		<link rel="stylesheet" href="css/mui.min.css">
		<!--App自定义的css-->
 
	</head>
	
	<script type="text/javascript">
		function xytz(){
			document.getElementById("xytzid").addEventListener("tap",function () {
			mui.openWindow({
				url:'xiaoyuan.html',
				id:'xiaoyuan'
			});
			});
		}
		
		 
//		 function jz(){
//		 	$.post("http://localhost:8080/getkebiaobyweekclass?week=1&clazz=1",null,
//      function(data){
//           
//         alert((JSON.stringify(data[0].t))) ;
//      });
//	 	 
        //document.getElementById("1-1").rowSpan="2";
        
 
//   
//		 	document.getElementById("1-1").rowSpan="2";
//		 	document.getElementById("1-1").innerHTML=" 数据库分析与设计";
//		 	document.getElementById("1-3").rowSpan="3";
//		 	document.getElementById("1-3").innerHTML=" 特长班";
//		 	document.getElementById("2-3").rowSpan="2";
//		 	document.getElementById("2-3").innerHTML=" 数据库分析与设计";
//		 	document.getElementById("4-1").rowSpan="2";
//		 	document.getElementById("4-1").innerHTML="思维与口才";
//		 	
		 
         
	 
	</script>
	
	<script type="text/javascript">
	 
	function aa()
	{   
		alert("后台方法启动！");
		$.get("http://localhost:8080/getlessions?week=1&clazz=1",null,
        function(data){
         
          
//         var add=data[0].wzid;
//         var sc=(JSON.stringify(data[0].kccx));
//         var name=(data[0].name);
//         document.getElementById(""+add+"").rowSpan=sc;
//         document.getElementById(""+add+"").innerText=name;
         
          
         for(var m=0;m<50;m++)
         {
         	
          document.getElementById(""+data[m].wzid+"").rowSpan=JSON.stringify(data[0].kccx);
          document.getElementById(""+data[m].wzid+"").innerText=data[m].name+"@"+data[m].addr;
          
         }
         
         
           
        
   	  
    //  document.getElementById(add.toString()).innerHTML=name.toString();
//       document.getElementById("1-1").rowSpan="2";
//		 	document.getElementById("1-1").innerHTML=" 数据库分析与设计";
//         
        });
         
		 
	}
	 function ts()
		{
			
			if(confirm("点击ok进入前端测试，点击cancel进入远程后台服务器数据库课程加载")){
				
			document.getElementById("1-1").rowSpan="2";
		 	document.getElementById("1-1").innerHTML=" 数据库分析与设计";
		 	document.getElementById("1-1").bgColor="#00FFFF";
		 	document.getElementById("1-3").rowSpan="3";
		 	document.getElementById("1-3").innerHTML=" 特长班";
		 	document.getElementById("1-3").bgColor="#DD524D"
		 	document.getElementById("2-3").rowSpan="2";
		 	document.getElementById("2-3").innerHTML=" 数据库分析与设计";
		 	document.getElementById("2-3").bgColor="#00FFFF";
		 	document.getElementById("4-1").rowSpan="2";
		 	document.getElementById("4-1").innerHTML="思维与口才";
		 	document.getElementById("4-1").bgColor="#2AC845";
		 	document.getElementById("2-6").rowSpan="3";
		 	document.getElementById("2-6").innerHTML="特长班";
		 	document.getElementById("2-6").bgColor="#8F8F94"
		 	document.getElementById("1-10").rowSpan="3";
		 	document.getElementById("1-10").innerHTML="考证辅导";
		 	document.getElementById("3-6").rowSpan="3";
		 	document.getElementById("3-6").innerHTML="考证辅导";
		 	document.getElementById("5-1").rowSpan="2";
		 	document.getElementById("5-1").innerHTML="动态编程";
		 	document.getElementById("5-1").bgColor="#FFFF00";
		 	document.getElementById("5-3").rowSpan="3";
		 	document.getElementById("5-3").innerHTML= "特长班";
		 	document.getElementById("5-3").bgColor="#DD524D";
		 	document.getElementById("3-10").rowSpan="3";
		 	document.getElementById("3-10").innerHTML= "考证辅导";
		 	document.getElementById("5-10").rowSpan="4";
		 	document.getElementById("5-10").innerHTML="社区支教";
		 	
		 	
				
				
			}else{
				aa();
				
			}
			
			
		 	
		 	
		 	 
		 	
		}
	</script>
		 
	<style>
		.mui-title{
			width: 33%;
		}
		
		#1-1{
			background: ;
		}
		
		
		
	</style>
	<body>
		
		 <header class="mui-bar mui-bar-nav">
			<a class="mui-icon-plusempty mui-icon mui-icon-right-nav mui-pull-right"></a>
			<a class=" mui-icon mui-icon-right-nav mui-pull-left" href="kaoshi.html"><h4>考试</h4></a>
<center> 
			<h1  class="mui-title">
				<select>
  <option value="">第1周</option>
  <option value="">第2周</option>
  <option value="">第3周</option>
  <option value="">第4周</option>
  <option value="">第5周</option>
  <option value="">第6周</option>
  <option value="">第7周</option>
  <option value="">第8周</option>
  <option value="">第9周</option>
  <option value="">第10周</option>
  <option value="">第11周</option>
  <option value="">第12周</option>
  <option value="">第13周</option>
  <option value="">第14周</option>
  <option value="">第15周</option>
  <option value="">第16周</option>
  <option value="">第17周</option>
      </select> 
			</h1>
			</center>
		</header>
	 	 	<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" href="#tabbar">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">课程表</span>

			</a>
			<a class="mui-tab-item" href="xiaoyuan.html">
				 
				<span class="mui-icon mui-icon-email"></span>
				<span class="mui-tab-label">校园</span>
 
			</a>

			<a class="mui-tab-item" href="wo.html">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">我</span>

			</a>

		</nav>
			 
				  <div class="mui-content">
			</table>
			
			<table border="1"width="100%">
				<tr>
					<td></td>
					<td>星期一</td>
					<td>星期二</td>
					<td>星期三</td>
					<td>星期四</td>
					<td>星期五</td>
				</tr>
					<tr>
					<td id=>1</td>
					<td id="1-1"></td>
					<td id="2-1"></td>
					<td id="3-1"></td>
					<td id="4-1"></td>
					<td id="5-1"></td>
				</tr>
					<tr>
						<td>2</td>
					<td id="1-2"></td>
					<td id="2-2"></td>
					<td id="3-2"></td>
					<td id="4-2"></td>
					<td id="5-2"></td>
				</tr>
					<tr>
						<td>3</td>
					<td id="1-3"> </td>
					<td id="2-3"> </td>
					<td id="3-3"></td>
					<td id="4-3"></td>
					<td id="5-3"></td>
				</tr>
					<tr>
						<td>4</td>
					<td id="1-4"></td>
					<td id="2-4"></td>
					<td id="3-4"></td>
					<td id="4-4"></td>
					<td id="5-4"></td>
				</tr>
					<tr>
						<td>5</td>
					<td id="1-5"></td>
					<td id="2-5"></td>
					<td id="3-5"></td>
					<td id="4-5"></td>
					<td id="5-5"></td>
				</tr>
					<tr>
						<td>6</td>
					<td id="1-6"></td>
					<td id="2-6"></td>
					<td id="3-6"></td>
					<td id="4-6"></td>
					<td id="5-6"></td>
				</tr>
					<tr>
						<td>7</td>
					<td id="1-7"></td>
					<td id="2-7"></td>
					<td id="3-7"></td>
					<td id="4-7"></td>
					<td id="5-7"></td>
				</tr>
					<tr>
						<td>8</td>
					<td id="1-8"></td>
					<td id="2-8"></td>
					<td id="3-8"></td>
					<td id="4-8"></td>
					<td id="5-8"></td>
				</tr>
					<tr>
						<td>9</td>
					<td id="1-9"></td>
					<td id="2-9"></td>
					<td id="3-9"></td>
					<td id="4-9"></td>
					<td id="5-9"></td>
				</tr>
					<tr>
						<td>10</td>
					<td id="1-10"></td>
					<td id="2-10"></td>
					<td id="3-10"></td>
					<td id="4-10"></td>
					<td id="5-10"></td>
				</tr>
					<tr>
						<td>11</td>
					<td id="1-11"></td>
					<td id="2-11"></td>
					<td id="3-11"></td>
					<td id="4-11"></td>
					<td id="5-11"></td>
				</tr>
					<tr>
						<td>12</td>
					<td id="1-12"></td>
					<td id="2-12"></td>
					<td id="3-12"></td>
					<td id="4-12"></td>
					<td id="5-12"></td>
				</tr>
					<tr>
						<td>13</td>
					<td id="1-13"></td>
					<td id="2-13"></td>
					<td id="3-13"></td>
					<td id="4-13"></td>
					<td id="5-13"></td>
				</tr>
				
			</table>
		</div>
	 
		</center> 
		<center>
			  
<input type="button" onclick="ts()"value="加载课程信息" />
 
		</center>
				
	</body>
</html>
